<!DOCTYPE html>
<%@page import="java.util.ArrayList"%>
<%@page import="mwa.cs.model.Reader"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="../admin/authority.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<%@ include file="headScriptRQ.jsp"%>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/rq/cs64000script.js">
	
</script>
</head>
<body>
	<input type="hidden" id="url_address" name="url_address" value="">
	<input type="hidden" id="agent_browser" name="agent_browser" value="">
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					

					<!-- <div id="displaymenu"></div>  -->
					<%@ include file="../admin/menu.jsp" %>

				</ul>
			</div>
		<!-- End SIDEMENU-->
		
		<div class="col-sm-12 col-xs-12" id="right-side">
			<div id="navigator-bar"><i class="fa fa-home"></i> หน้าหลัก <i class="fa fa-angle-right ml-5 mr-5"></i> ปิด/ยกเลิกคำร้อง</div><!--End navigator-bar-->
			<div>
				<div id="page-header" class="clearfix">
					<div>ปิด/ยกเลิกคำร้อง</div>
				</div>
				<div class="alert alert-danger" style="display:none" id="alert-box"> 
					<span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-times fa-stack-1x fa-inverse"></i> </span> กรุณากรอกเหตุผลของการยกเลิกการรับเงิน
				</div>
				<div class="form-detail clearfix" style="margin-bottom:-75px; padding: 0px 15px;">
					<form class="form-inline" role="form">
						<div style="text-align:right">
	  						<div class="form-group clearfix ml-10">
								<label  for="chooseRequest">ประเภท : </label>
								<select class="form-control" id="chooseRequest">
									<option value="">-- เลือก --</option>
									<option value="0">ปิดคำร้อง</option>
									<option value="1">ยกเลิกคำร้อง</option>
								</select>
								&nbsp;&nbsp;&nbsp;
							    <label  for="inputRequestNumber">เลขที่ใบคำร้อง : </label>
							    <input type="text" class="form-control" id="inputRequestNumber" placeholder="เลขที่ใบคำร้อง" onkeypress="return Enter(event);">
								<button type="button" class="btn btn-primary" onclick="searchRequestNumber();"><i class="fa fa-search"></i> ค้นหาข้อมูล</button>
							</div>
						</div>
					</form>
				</div>
				<!-- End form-detail -->
				<div class="form-detail clearfix" style="margin-bottom:-120px">
					<form class="form-horizontal" role="form">
						<fieldset class="inner">
							<legend>รายละเอียดใบเสร็จ</legend>
							<div class="row form-group">
								<div class="col-sm-4">
									<div class="col-sm-12 text-right"><strong>เลขที่คำร้อง</strong> : </div>
								</div>		
								<div class="col-sm-8">
									<span id="requestNumber"></span>	
								</div>																				
							</div>
							<div class="row form-group">
								<div class="col-sm-4"> 
									<div class="col-sm-12 text-right"><strong>ชื่อ  - นามสกุล ผู้ยื่นคำร้อง</strong> : </div>
								</div>
								<div class="col-sm-8">
									<span id="applicantName"></span>	
								</div>
							</div>
							<div class="row form-group">										
								<div class="col-sm-4">
									<div class="col-sm-12 text-right"><strong>สถานที่ติดต่อ   ผู้ยื่นคำร้อง</strong> : </div>
								</div>
								<div class="col-sm-8">
									<span id="applicantAddress"></span>	
								</div>
							</div>
							<div class="row form-group">										
								<div class="col-sm-4">	
									<div class="col-sm-12 text-right"><strong>รหัสรับเงิน</strong> : </div>
								</div>
								<div class="col-sm-8">
									<span id="recieveCode"></span>	
								</div>	
							</div>
							<div class="row form-group">									
								<div class="col-sm-4">
									<div class="col-sm-12 text-right"><strong>จำนวนเงินทั้งสิ้น</strong> : </div>
								</div>
								<div class="col-sm-8">
									<span id="totalAmount"></span>
								</div>
							</div>
							<div class="row form-group">
								<div class="col-sm-4">
									<div class="col-sm-12 text-right"><strong>รายละเอียด</strong> : </div>
								</div>
								<div class="col-sm-8">
									<textarea type="text" id="description" class="form-control" rows="4" placeholder=""></textarea>
								</div>
							</div>
							<div class="row form-group">
								<div class="col-sm-4">
									<div class="col-sm-12 text-right">
										<strong><span id="typeComment">หมายเหตุการปิดคำร้อง</span></strong><span class="comment" id="reComment"></span> : 
									</div>
								</div>
								<div class="col-sm-8">
									<textarea type="text" id="reason" class="form-control" rows="4" placeholder=""></textarea>
								</div>
							</div>
						</fieldset>
					</form>
				</div>
				<div class="form-detail clearfix">
					<hr>
					<div class="col-sm-12" style="text-align:center;">
						<button type="button" class="btn btn-primary" onclick="confirm();"><i class="fa fa-floppy-o"></i> บันทึก</button>
						<button type="button" class="btn btn-primary" onclick="window.location.reload();"><i class="fa fa-refresh"></i> เริ่มใหม่</button>
					</div>
				</div>	
				<!-- End Form-list --> 	 
			</div>
			<!-- End detail-area -->
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย การประปานครหลวง</div>
		</div>
	</div>
		<!-- End Detail-area-->
	</div>
	<!-- End Wrapper -->
	
	<!-- POPUP -->
	<div class="modal fade" id="checkDataModal" tabindex="-1" role="dialog"
		aria-labelledby="failModal" aria-hidden="true">
		<div class="modal-dialog" style="width: 400px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title">ตรวจสอบข้อมูลให้ถูกต้อง</h4>
				</div>
				<div class="modal-body">
					<p><span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>
					<span id="checkMessage"></span></p>
				</div>
				<div class="modal-footer" style="text-align: center;">
					<button type="button" class="btn btn-primary" onclick="getFocus();"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
				</div>
			</div>
		</div>
	</div>
<!-- END POPUP -->

		<!-- Dialog Show เมื่อค้นหาไม่พบข้อมูลเลขที่ใบคำร้อง ที่ต้องการจะยกเลิกหรือปิด -->
		<div class="modal fade" id="failResultModal" tabindex="-1"
			role="dialog" aria-labelledby="failModal" aria-hidden="true">
			<div class="modal-dialog" style="width: 400px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title">ผลการค้นหาข้อมูล</h4>
					</div>
					<div class="modal-body">
						<p><span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>
						<span id="searchMessage"></span></p>
					</div>
					<div class="modal-footer" style="text-align: center;">

						<button type="button" class="btn btn-primary"
							 onclick="getFocus();"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
					</div>
				</div>
			</div>
		</div>
		<!-- Dialog Show เมื่อไม่พบข้อมูลเลขที่ใบคำร้อง ที่ต้องการจะยกเลิกหรือปิด -->
		<div class="modal fade" id="checkResultModal" tabindex="-1"
			role="dialog" aria-labelledby="failModal" aria-hidden="true">
			<div class="modal-dialog" style="width: 400px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title">เกิดข้อผิดพลาด</h4>
					</div>
					<div class="modal-body">
						<p><span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>
						ไม่สามารถบันทึกข้อมูลได้ เนื่องจากไม่พบข้อมูลเลขที่ใบคำร้อง</p>
					</div>
					<div class="modal-footer" style="text-align: center;">

						<button type="button" class="btn btn-primary"
							 onclick="getFocus();"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
					</div>
				</div>
			</div>
		</div>
		<!-- Reason cancel POPUP -->
		<div class="modal fade" id="checkReasonModal" tabindex="-1" role="dialog"
			aria-labelledby="failreasonModal" aria-hidden="true">
			<div class="modal-dialog" style="width: 400px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title">ตรวจสอบข้อมูลให้ถูกต้อง</h4>
					</div>
					<div class="modal-body">
						<p><span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>
						กรุณาระบุเหตุผลของการยกเลิกใบแจ้งหนี้</p>
					</div>
					<div class="modal-footer" style="text-align: center;">
						<button type="button" class="btn btn-primary" onclick="cancel();"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
					</div>
				</div>
			</div>
		</div>
	<!-- END Reason POPUP -->
		
<!-- Confirm POPUP -->
	<div class="modal fade" id="confirmCancelModal" tabindex="-1" role="dialog"
		aria-labelledby="reasonModal" aria-hidden="true">
		<div class="modal-dialog" style="width: 400px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title"><span id="titleMessageConfirm"></span></h4>
				</div>
				<div class="modal-body">
					<p><span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>
					<span id="contentMessageConfirm"></span></p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" onclick="save();" ><i class="fa fa-floppy-o"></i> ตกลง</button>
					<button type="button" class="btn btn-danger" onclick="cancel();"><i class="glyphicon glyphicon-floppy-remove"></i> ยกเลิก</button>
				</div>
			</div>
		</div>
	</div>
<!-- END Confirm POPUP  -->

	<!-- Dialog Show เมื่อผู้ใช้งานยกเลิกข้อมูลสำเร็จ -->
		<div class="modal fade" id="successModal" tabindex="-1"
			role="dialog" aria-labelledby="failModal" aria-hidden="true">
			<div class="modal-dialog" style="width: 400px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title"><span id="titleMessagesuccess"></span></h4>
					</div>
					<div class="modal-body">
						<p><span class="fa-stack fa-lg mr-10" style="color:#0C0"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span>
						<span id="contentMessagesuccess"></span></p>
					</div>
					<div class="modal-footer" style="text-align: center;">
						<button type="button" class="btn btn-primary" onclick="getFocus();"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
					</div>
				</div>
			</div>
		</div>
		<!-- Dialog Show เมื่อผู้ใช้งานยกเลิกข้อมูลเกิดข้อผิดพลาด -->
		<div class="modal fade" id="failModal" tabindex="-1"
			role="dialog" aria-labelledby="failModal" aria-hidden="true">
			<div class="modal-dialog" style="width: 400px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title">เกิดข้อผิดพลาด</h4>
					</div>
					<div class="modal-body">
						<div id="modal_content" align="center"><span id="contentMessageFail"></span></div>
					</div>
					<div class="modal-footer" style="text-align: center;">
						<button type="button" class="btn btn-primary" onclick="cancel();"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
					</div>
				</div>
			</div>
		</div>
</body>
</html>